<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<div id="root">
    <div id="vertical">
        <ul class="nav">
            <li><a href="#" class="current">首页</a></li>
            <li><a href="mall.html" target="_self">商城</a></li>
            <li><a href="#">产品展示</a></li>
            <li><a href="#">售后服务</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
    <div id="horizontal">
        <ul class="nav">
            <li><a href="#" class="current">首页</a></li>
            <li><a href="#">新闻快讯</a></li>
            <li><a href="#">产品展示</a></li>
            <li><a href="#">售后服务</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>

    <div id="oval">
        <div class="nav">
            <a class="current" href="#">首页</a>
            <a href="#">新闻快讯</a>
            <a href="#">产品展示</a>
            <a href="#">售后服务</a>
            <a href="#">联系我们</a>
        </div>
    </div>
    <div id="stretch">
        <div class="nav">
            <a class="current" href="#">首页</a>
            <a href="#">新闻快讯</a>
            <a href="#">产品展示</a>
            <a href="#">售后服务</a>
            <a href="#">联系我们</a>
        </div>
    </div>
    <div class="topnav">
        <a class="active" href="#home">主页</a>
        <a href="#news">新闻</a>
        <a href="#contact">联系方式</a>
        <a href="#about">关于我们</a>
    </div>

</div>
</body>
</html>